<!DOCTYPE html>
<html>
<body>
  <div>
    <a href="http://html5test.com/">HTML5 Test</a>
  </div>
  <div>
    <h4>Audio - MP3</h4>
    <audio src="./data/media/audio.mp3" controls="controls">
      Your browser does not support the audio tag.
    </audio>
  </div>
  <div>
    <h4>Audio - AAC</h4>
    <audio src="./data/media/audio.m4a" controls="controls">
      Your browser does not support the audio tag.
    </audio>
  </div>
  <div>
    <h4>Audio - Ogg Vorbis</h4>
    <audio src="./data/media/audio.ogg" controls="controls">
      Your browser does not support the audio tag.
    </audio>
  </div>
  <hr />
  <div>
    <h4>Video - MPEG-4</h4>
    <video src="./data/media/video.avi" width="640" height="480" controls="controls">
      Your browser does not support the video tag.
    </video>
  </div>
  <div>
    <h4>Video - H.264</h4>
    <video id="v_h264" src="./data/media/video.mkv" width="640" height="480" controls="controls">
      Your browser does not support the video tag.
    </video>
  </div>
  <div>
    <h4>Video - Ogg Theora</h4>
    <video src="./data/media/video.ogm" width="640" height="480" controls="controls">
      Your browser does not support the video tag.
    </video>
  </div>
  <hr />
  <div>
    E-mail: <input type="email" name="user_email" required="required" />
    URL: <input type="url" name="user_url" />
    Number: <input type="number" name="points" min="1" max="10" />
    Range: <input type="range" name="points" min="1" max="10" />
    Date: <input type="date" name="user_date" />
    Search: <input type="search" name="user_search"  placeholder="Search Google" />
  </div>
  <hr />
  <div>
    Datalist: <input type="url" list="url_list" name="link" />
    <datalist id="url_list">
      <option label="W3School" value="http://www.W3School.com.cn" />
      <option label="Google" value="http://www.google.com" />
      <option label="Microsoft" value="http://www.microsoft.com" />
    </datalist>
  </div>
</body>
</html>
